<!--
  Copyright (c) 2018-2999 广州市蓝海创新科技有限公司 All rights reserved.

  https://www.mall4j.com/

  未经允许，不可做商业用途！

  版权所有，侵权必究！
-->

<template>
  <div class="Mall4j list-con">
    <div
      v-for="(shopItem,index) in shopList"
      :key="index"
      class="item"
    >
      <div class="shop-img">
        <img-show :src="shopItem.shopLogo" />
      </div>
      <div class="shop-msg">
        <div class="shop-name">
          {{ shopItem.shopName }}
        </div>
        <div class="focus-number">
          {{ shopItem.fansCount }} {{ $t('index.peopleToFollow') }}
        </div>
        <router-link
          :to="{
            path: '/shop-index',
            query: {
              sid: shopItem.shopId
            }
          }"
          class="go-shop"
        >
          {{ $t('index.goIn') }}
          <span class="arrow">></span>
        </router-link>
      </div>
    </div>
  </div>
</template>

<script setup>
defineProps({
  shopList: {
    type: Array,
    default: () => {
      return []
    }
  }
})

</script>
